{"componentChunkName":"component---src-templates-blog-post-js","path":"/Today I Learned/중앙_정렬/","result":{"data":{"site":{"siteMetadata":{"title":"JULog","author":"[Ju Chan Hwang]","siteUrl":"https://julog.netlify.app","comment":{"disqusShortName":"","utterances":"JuChanHwang/gatsby-starter-bee"},"sponsor":{"buyMeACoffeeId":"jbee"}}},"markdownRemark":{"id":"6a65cef2-b160-5895-b31d-bc7055fdd50f","excerpt":"중앙 정렬 화면 중앙 정렬 ERROR in Unexpected token < in JSON at position 1620 git pull을 하는 시점에 conflict 난 부분을 수정하지 않으면 주석처리 되어있는 코드가 있을 수 있다. JSON파일 안에 주석처리가 되어있으면 컴파일하는 과정에서 잡아내지 못한다.","html":"<ul>\n<li>\n<p>중앙 정렬</p>\n<div class=\"gatsby-highlight\" data-language=\"scss\"><pre class=\"language-scss\"><code class=\"language-scss\"><span class=\"token comment\">// 1</span>\n<span class=\"token selector\">.flex_container </span><span class=\"token punctuation\">{</span>\n<span class=\"token property\">display</span><span class=\"token punctuation\">:</span> flex<span class=\"token punctuation\">;</span>\n<span class=\"token property\">align-items</span><span class=\"token punctuation\">:</span> center<span class=\"token punctuation\">;</span>\n<span class=\"token property\">justify-content</span><span class=\"token punctuation\">:</span> center<span class=\"token punctuation\">;</span>\n<span class=\"token punctuation\">}</span>\n\n<span class=\"token comment\">//2</span>\n<span class=\"token selector\">.flex_container </span><span class=\"token punctuation\">{</span>\n<span class=\"token property\">display</span><span class=\"token punctuation\">:</span> flex<span class=\"token punctuation\">;</span>\n<span class=\"token punctuation\">}</span>\n<span class=\"token selector\">.flex_item </span><span class=\"token punctuation\">{</span>\n<span class=\"token property\">margin</span><span class=\"token punctuation\">:</span> auto<span class=\"token punctuation\">;</span>\n<span class=\"token punctuation\">}</span></code></pre></div>\n</li>\n<li>\n<p>화면 중앙 정렬</p>\n<div class=\"gatsby-highlight\" data-language=\"scss\"><pre class=\"language-scss\"><code class=\"language-scss\"><span class=\"token selector\">.container </span><span class=\"token punctuation\">{</span>\n\t<span class=\"token property\">width</span><span class=\"token punctuation\">:</span> 100%<span class=\"token punctuation\">;</span>\n\t<span class=\"token property\">height</span><span class=\"token punctuation\">:</span> 100%<span class=\"token punctuation\">;</span>\n<span class=\"token punctuation\">}</span>\n\n<span class=\"token selector\">.inner </span><span class=\"token punctuation\">{</span>\n\t<span class=\"token property\">margin</span><span class=\"token punctuation\">:</span> 0 auto<span class=\"token punctuation\">;</span>\n\t<span class=\"token property\">position</span><span class=\"token punctuation\">:</span> relative<span class=\"token punctuation\">;</span>\n\t<span class=\"token property\">top</span><span class=\"token punctuation\">:</span> 50%<span class=\"token punctuation\">;</span>\n\t<span class=\"token property\">transform</span><span class=\"token punctuation\">:</span> <span class=\"token function\">translateY</span><span class=\"token punctuation\">(</span>-50%<span class=\"token punctuation\">)</span><span class=\"token punctuation\">;</span>\n<span class=\"token punctuation\">}</span></code></pre></div>\n</li>\n</ul>\n<p>ERROR in Unexpected token &#x3C; in JSON at position 1620</p>\n<blockquote>\n<p>git pull을 하는 시점에 conflict 난 부분을 수정하지 않으면 주석처리 되어있는 코드가 있을 수 있다. JSON파일 안에 주석처리가 되어있으면 컴파일하는 과정에서 잡아내지 못한다.</p>\n</blockquote>","frontmatter":{"title":"중앙 정렬","date":"December 05, 2019"}}},"pageContext":{"slug":"/Today I Learned/중앙_정렬/","previous":{"fields":{"slug":"/Angular/ElementRef/"},"frontmatter":{"title":"ElementRef","category":"Angular","draft":false}},"next":{"fields":{"slug":"/Today I Learned/Sticky_Footer/"},"frontmatter":{"title":"Sticky Footer","category":"Today I Learned","draft":false}}}},"staticQueryHashes":["3128451518","96099027"]}